<!DOCTYPE html>
<html>
<head>
    <meta charset="UTF-8">
    <style>

        #yc{
            width: 500px;
            height: 250px;
            padding:40px;
            margin:250px auto;
            background-color:#ccc;
            background-color: rgba(254,219,207,0.5);
            border-radius: 15px 15px 15px 15px;


        }
        input{
            margin-bottom: 28px;
            width: 300px;
            height: 37px;
            margin-left: 82px;
        }
        body{
            background: url(/static/背景图.jpg);
            background-repeat:no-repeat;
            background-size: 100% 100%;
            background-attachment: fixed;
        }
        /*用户列表表格样式*/
        .manager {
            width: 500px;
            margin: 50px auto;
            text-align: center;
            border: solid;
        }
        .manager tr{
            line-height: 30px;
        }
    </style>
</head>
<table class="manager">
    <tr>
        <td>用户</td>
        <td>注册时间</td>
        <td>最近登录时间</td>
        <td>操作</td>
    </tr>
    <tr th:each="userInfos : ${loginList.data}">
        <td th:text="*{userInfos.user}"></td>
        <td th:text="*{userInfos.registtime}"></td>
        <td th:text="*{userInfos.logintime}"></td>
        <!--使用 th:data-**自定义参数并将参数传给js       -->
        <td href="javascript:void(0);"  th:data-user="*{userInfos.user}" class="loginout"
            th:onclick="loginout(this.getAttribute('data-user'))">强制下线</td>
    </tr>
    <script src="/static/jquery-3.1.1.min.js"></script>
    <script src="/templates/loginManage.js"></script>
</table>
</body>
</html>